var autocompleteJson = function(element, url, value, ele_ass) {
	$.ajax({
		url : url,
		type : "GET",
		success : function(resp) {
			var array = [];
			var data = resp.data;
			for ( var i = 0; i < data.length; i++) {
				if(value == 'courseID'){
					if(data[i].courseStatus == "Mở"){
						var obj = {
								value: data[i].courseID,
								label: data[i].courseID
						};
						array.push(obj);
					}
				}
			}
			$(element).autocomplete({
				source : array,
				minLength : 0,
				appendTo : "body",
				autoFocus : false,
				focus: function( event, ui ) {
	                $(element).val( ui.item.label );
	                return false;
	            },
				select : function(e, ui) {
		           $(this).data("uiItem",ui.item.label);
		           $(element).val( ui.item.label );
					if ($(e.target).is('.FormElement')) {   
                        var form = $(e.target).closest('form.FormGrid');
                        $("input#" + ele_ass + ".FormElement", form[0]).val(ui.item.value);
                        if(value == 'subjectID' || value == 'subjectName'){
                        	if($("select#courseType.FormElement", form[0]).length > 0){
                        		var dataOption = "";
                            	if(ui.item.subjectPractice != 0 && ui.item.subjectTheory != 0){
                            		dataOption = '<option role="option" value="Lý Thuyết">Lý Thuyết</option>'
                            			+'<option role="option" value="Thực Hành">Thực Hành</option>';
                            	}
                            	else if(ui.item.subjectPractice == 0){
                            		dataOption = '<option role="option" value="Lý Thuyết">Lý Thuyết</option>';
                            	}
                            	else{
                            		dataOption = '<option role="option" value="Thực Hành">Thực Hành</option>';
                            	}
                            	$("select#courseType.FormElement", form[0]).html(dataOption);
                        	}
                        }
                    } else { // inline editing
                        var row = $(e.target).closest('tr.jqgrow');
                        var rowId = row.attr('id');
                        $("input#" + rowId + "_" + ele_ass, row[0]).val(ui.item.value);
                        if(value == 'subjectID' || value == 'subjectName'){
                        	if($("select#" + rowId + "_courseType", row[0]).length > 0){
                        		var dataOption = "";
                            	if(ui.item.subjectPractice != 0 && ui.item.subjectTheory != 0){
                            		dataOption = '<option role="option" value="Lý Thuyết">Lý Thuyết</option>'
                            			+'<option role="option" value="Thực Hành">Thực Hành</option>';
                            	}
                            	else if(ui.item.subjectPractice == 0){
                            		dataOption = '<option role="option" value="Lý Thuyết">Lý Thuyết</option>';
                            	}
                            	else{
                            		dataOption = '<option role="option" value="Thực Hành">Thực Hành</option>';
                            	}
                            	$("select#" + rowId + "_courseType", row[0]).html(dataOption);
                        	}
                        }
                    }
					return false;
				},
				change : function(event, ui) {
					// alert($(element).val());
				}
			}).bind("blur",function(){
		        $(this).val($(this).data("uiItem"));        
		    }).data("uiItem",$(element).val());
		}
	});
}